<script setup>
// useRouter  相当于this.$router全局路由
import {useRouter} from 'vue-router'
const router = useRouter();
function goBack(){
    // router.push('/my')
    // vue3返前一个页面操作
    window.history.go(-1);
}
</script>
<template>
    <div class="login">
        <div class="login-list">
            <div @click="goBack">X</div>
            <h2>欢迎登录</h2>
            <p>发现更多精彩好书</p>
            <input type="text" placeholder="请输入手机号">
            <input type="password" placeholder="请输入密码">
            <div class="agreement">
                <input type="checkbox">
                <span>阅读并同意《用户服务协议》及《隐私政策》</span>
            </div>
            <button>登录</button>
            <div class="login-title">
                <span>手机验证码登录</span>
                <span>忘记密码</span>
            </div>
        </div>
        <div class="login-way">
            <p>其它登录方式</p>
            <ul>
                <li>
                    <i class="iconfont icon-weixin"></i>
                    <p>微信</p>
                </li>
                <li>
                    <i class="iconfont icon-QQ"></i>
                    <p>QQ</p>
                </li>
            </ul>
        </div>
    </div>
</template>
<style scoped></style>